// 默认根元素
.root-page {
  @apply h-full w-full;
}
.root-flex-page {
  @apply h-full w-full;
  @apply flex flex-col overflow-hidden;
}

//不显示滚动条
.noscroll {
  &::-webkit-scrollbar {
    width: 0px !important;
    height: 0px !important;
  }
}

//滚动条
*:not(.noscroll) {
  //scroll
  &::-webkit-scrollbar {
    width: 9px !important;
    height: 9px !important;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 1px;
    border-style: dashed;
    background-color: rgba(157, 165, 183, 0.4);
    border-color: transparent;
    border-width: 2px;
    background-clip: padding-box;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: rgba(119, 133, 183, 0.7);
  }
  &.narrow::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
  }
}
